module.exports = {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        normal: '#3693FF',
        hover: '#0068E0',
        active: '#004799',
        background: '#f4f6fa',
        title: '#333333',
        content: '#666666',
        username: '#303133',
        operate: '#959EAD'
      },
      spacing: {
        4: '4px',
        8: '8px',
        10: '10px',
        12: '12px',
        16: '16px',
        18: '18px',
        24: '24px',
        20: '20px',
        32: '32px',
        36: '36px',
        48: '48px'
      },
      borderRadius: {
        none: '0',
        small: '8px',
        large: '16px'
      },
      fontSize: {
        base: '14px',
        lg: '16px',
        '2lg': '19px',
        m: '20px',
        xl: '24px',
        '2xl': '32px',
        '3xl': '40px',
        '4xl': '48px'
      }
    }
  },
  mode: 'jit',
  plugins: [require('@tailwindcss/line-clamp')]
}
